<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <title>海景套房</title>
</head>
<body>
    <div class="wrap">
        <div class="nav">
            <img src="../images/logoYellow.png" alt="">
            <h3>香槟国际大酒店</h3>
            <div class="hr"></div>
            <h5>NTERNATIONAL HOTEL</h5>
            <input type="button" value="客房预订">
            <h2>HOME</h2>
            <ul>
                <li>酒店印象</li>
                <li>客房展示</li>
                <li>家庭套房</li>
                <li>情侣房</li>
                <li>酒店周边</li>
                <li>武汉景点</li>
            </ul>
        </div>
        <div class="photos">
            <div class="container">
            <div class="item3 images1"></div>
            <div class="item3 images2"></div>
            <div class="item3 images3"></div>
            <div class="item3 images4"></div>
            <div class="item3 images5"></div>
            <div class="item3 images6"></div>
            <div class="item3 images7"></div>
            <div class="item3 images8"></div>
            <div class="item3 images9"></div>
            <div class="item3 images10"></div>
            <div class="item3 images11"></div>
            <div class="item3 images12">
            <div class="zhezhao"></div>
        </div>
        </div>
            </div>
            <div class="special">
                <img src="../images/logoWhite.png" alt="">
                <h2>香槟国际大酒店</h2>
                <h1>海景房</h1>
            </div>
            <div class="button">
                    <input type="button" value="家庭套房">
                    <input type="button" value="家庭套房">
                    <input type="button" value="家庭套房">
                </div>
        </div>
    </div>
    <div class="footer">
            <div class="container">
                <div class="left">
                <span>香槟国际移动应用</span>
                <span>香槟国际移动应用</span>
                <span>香槟国际移动应用</span>
            </div>
                <div class="right"><span>与我们联系:</span>
                <a href="#"><img src="images/red.png" alt=""></a>
                <a href="#"><img src="images/blue.png" alt=""></a>
                <a href="#"><img src="images/bluer.png" alt=""></a>
                <a href="#"><img src="images/green.png" alt=""></a>
                <a href="#"><img src="images/reder.png" alt=""></a>
                <a href="#" class="big"><img src="images/sao.jpg" alt=""></a>
                <a href="#" class="last"><img src="images/smallSao.jpg" alt=""></a>
            </div>
                <div class="bottom">
                    <a href="">关于香槟国际大酒店 </a>
                    <a href="">香槟国际公寓</a>
                    <a href="">媒体中心</a>
                    <a href="">投资资讯 </a>
                    <a href="">职业发展</a>
                    <a href="">人身与财产安全 </a>
                    <a href="">隐私政策</a>
                    <a href="" class="last">网页索引</a>
                    <p>
                        <span class="home">@ 2014 香槟国际大酒店管理有限公司  </span>
                        <span>保留所有权利</span>
                        <span>粤ICP备09038444号</span>
                    </p>
                </div>
            </div>
    </div>
</body>
</html>